/*第一件事：css编码集:"utf8"加载成utf-8*/
@charset "utf8";
/*效果：所有的div画圆  300*300  文本垂直居中放大
      所有圆加不同颜色
	  */
	 div{
		 width: 150px;
		 height: 150px;
		 border: 1px solid red;
		 border-radius: 50%;
		 font-size: 3em;
		 text-align: center;
		 line-height: 150px;
		 /*浮动，靠右，内容数据颠倒过来*/
		 float: right;
	 }
	 .d1{
		background-color: red;
	 }
	 .d2{
		 background-color: yellow;
	 }
	 .d3{
		background-color: greenyellow; 
	 }
	 .d4{
		 background-color: blue;
		/*清除浮动*/
		clear: both;
		margin-right: 60%;
		margin-top: -150px;
	 }